<!DOCTYPE html>
<!-- 购物车 -->
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/Brand introduction.css">
    <link rel="stylesheet" href="css/news.detalis.css">
    <link rel="stylesheet" href="css/shop cart.css">
</head>

<body>
    <div class="continer">
        <!-- 头部statrt -->
        <div class=" header w">
            <!-- logo部分start -->
            <div class="logo">
                <img src="upload/03.1001(1).png" alt="">
            </div>
            <!-- logo部分end -->
            <!-- nav部分start -->
            <div class="nav">
                <ul>
                    <li><a href="index.html">公司首页</a></li>
                    <li><a href="Brand introduction.html">品牌介绍</a></li>
                    <li><a href="news.html">新闻中心</a></li>
                    <li><a href="product.html">产品中心</a></li>
                    <li><a href="contactus.html">联系我们</a></li>
                    <li><a href="user.html">会员中心</a></li>
                </ul>
                <div class="Sign">
                    <ul>
                        <li><a href="login.html">登录</a></li>
                        <li><a href="rigister.html">注册</a></li>
                    </ul>
                </div>
                <div class="shopp">
                    <a href="shop cart.html">
                        <img src="upload/满购物车.png" alt="">
                        <span>0</span>
                    </a>
                </div>

                <div class="Sosu">
                    <input type="text" class="Search">
                    <a href="#">
                        <img src="upload/放大镜(1).png" alt="">
                    </a>
                </div>
            </div>
            <!-- nav部分end -->
        </div>

        <!-- 头部end -->
        <!-- 右边部分start -->
        <aside class="news-box-r">
            <!-- 右边头部盒子start -->
            <div class="hea-one">
                <div class="box-left">
                    <hr>
                    <span class="span-one"></span>
                    <span class="span-two"></span>
                    <span class="span-three"></span>
                </div>
                <h3>购物车</h3>
                <div class="box-right">
                    <span class="span-one"></span>
                    <span class="span-two"></span>
                    <span class="span-three"></span>
                    <hr>
                </div>
            </div>
            <!-- 右边头部盒子end -->
            <!-- 右边具体内容start -->
            <div class="ShopCartBox">
                <div class="ShopCartBox-one">
                    <input type="checkbox" class="input-checkbox">
                    <span style="left: 36px;">全选</span>
                    <span style="left: 171px;">商品信息</span>
                    <span style="right: 386px;">单价（元）</span>
                    <span style="right: 232px;">数量</span>
                    <span style="right: 50px;">优惠（元）</span>
                </div>
                <!-- 头部结束 -->
                <!-- 购物车盒子具体 -->
                <div class="ShopCartBox-two">
                    <input type="checkbox" class="input-checkbox" style="top: 75px;">
                    <a href="#" class="ShopCartBox-img" style="top: 13px;">
                        <img src="imges/图层001.png" alt="">
                    </a>
                    <span style="left: 300px;">北欧现代简约柜</span>
                    <span style="right: 423px;">￥269</span>
                    <!-- 获取数字值 -->
                    <div>
                        <span style="right: 286px;">-</span>
                        <input type="text" class="num" value="1" style="right: 222px; ">
                        <span style="right: 205px;">+</span>
                    </div>
                    <!-- 获取数字值 -->
                    <span style="right: 80px;">￥0.00</span>
                </div>
                <!-- 购物车盒子具体end -->
                <div class="ShopCartBox-two" style="border-bottom-width:0 ;">
                    <input type="checkbox" class="input-checkbox" style="top: 75px;">
                    <a href="#" class="ShopCartBox-img" style="top: 13px;">
                        <img src="imges/图层001.png" alt="">
                    </a>
                    <span style="left: 300px;">北欧现代简约柜</span>
                    <span style="right: 423px;">￥269</span>
                    <!-- 获取数字值 -->
                    <div>
                        <span style="right: 286px;">-</span>
                        <input type="text" class="num" value="1" style="right: 222px; ">
                        <span style="right: 205px;">+</span>
                    </div>
                    <!-- 获取数字值 -->
                    <span style="right: 80px;">￥0.00</span>
                </div>
                <!-- 购物车盒子结束 -->
                <div class="ShopCartBox-three">
                    <input type="checkbox" class="input-checkbox">
                    <span>全选</span>
                    <ul>
                        <li><a href="#">删除</a></li>
                        <li><a href="#" style="left: 245px;"> 加入收藏夹</a></li>
                    </ul>
                    <span style="left: 730px;">小计（共1件商品）：</span>
                    <span style="left: 910px;">￥269.00</span>
                    <span class="sum-num">共计节省：￥0.00</span>
                </div>
                <button class="ShopCartBtn">提交订单</button>

            </div>
            <!-- 右边具体内容end -->
        </aside>
        <!-- 右边部分end -->
    </div>

    <!-- footer部分statr -->
    <footer class="footer">
        copyright 2002-2012 深圳市挪亚家有限公司版权所有 深ICP备12004685号
    </footer>
    <!-- footer部分end -->
</body>

</html>